<template>
  <el-card class="pd15" shadow="never" :body-style="{padding: '0'}">
    <template v-if="title">
      <div class="flex items-center">
        <span class="content-title">{{ title }}</span>
        <div class="flex flex-grow pl-20px">
          <slot name="header"></slot>
        </div>
      </div>
    </template>
    <slot></slot>
  </el-card>
</template>

<script>
export default {
  name: "index",
  props: {
    title: {
      type: String,
      default: ''
    }
  },
  data() {
    return {}
  }
}
</script>

<style scoped lang="scss">
  .content-title{
    font-size: 16px;
    font-weight: 700;
  }
</style>
